import { createRouter, createWebHistory } from "vue-router";

// 静态导入需要用到的组件
import Home from "./pages/Home.vue";
import About from "./pages/About.vue";

// 创建路由器
const router = createRouter({
  // 设置路由模式，主要有如下两种模式，最大的不同之处就是 URL 地址的表现
  //    hash      : createWebHashHistory()
  //    history   : createWebHistory()
  history: createWebHistory(),

  // 设置路线，路由规则
  routes: [
    {
      path: "/",
      component: Home,
    },
    {
      path: "/home", // path
      component: Home, // 组件
    },
    {
      path: "/about",
      component: About,
    },
  ],
});

// 导出路由器
export default router;
